<template>
    <view class="u-m-t-30 u-p-b-30" style="border-bottom:1rpx solid #eee">
        <view class="u-font-28 font-bold">项目名称: {{sceneData.name}}</view>
        <u-row class="u-m-t-10 u-flex u-flex-wrap">
            <u-col span="6" v-for="(item,index) in sceneData.list" :key="index" 
                class="u-m-t-20 u-flex u-font-26" style="flex-direction:row">
                <text class="uni-dec-color">{{item.title}}</text>
                <text class="u-m-l-20">{{item.value}}</text> 
            </u-col>
        </u-row>
    </view>
</template>


<script>
export default {
    name:'sceneItem',
    props:{
        sceneData:{
            type: Object,
            default(){
                return {
                    name: '某某项目',
                    list:[
                        { title:'项目所属', value:'一师' },
                        { title:'设备类型', value:'视频监控' },
                        { title:'安装时间', value:'2021-12-11' },
                        { title:'涉笔状态', value:'已安装' },
                    ]
                }
            }
        }
    },

    methods: {
    },
}
</script>


<style scoped lang="scss">
</style>